<template>
    <div id="ap">
       
        <classification class="classification"></classification>
        <shuffling class="shuffling">
        
        </shuffling>
        <Tail class="Tail"></Tail>
</div>
</template>

<script>

import classification from "../components/classification.vue"
import shuffling from "../components/shuffling.vue"
import Tail from "../components/Footer.vue"

export default {

    name:"ALL",
//     data(){
//         return{
//    List:[]
//         }
     
//     },
    components: {
        classification,shuffling,Tail
    },
     created(){
    //  let http = new XMLHttpRequest();
    // http.open("get", " http://localhost:3000/hot");
    // http.send();
    // http.onreadystatechange = () => {
    //   if (http.readyState === 4) {
    //     this.List = JSON.parse(http.responseText);
    //     console.log( this.List)
    //   }
    // };





        // axios({
        //     url:"http://localhost:3000/hot",
        //    params:{
        //         "type":"hot"  
                
        //     }
        //  })
        // .then(res=>(this.List=res.data))
        //         console.log( "this.List",this.List)
    

},
}
</script>

<style scoped >
  #ap{
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
}
.classification{
    height: 1.2rem;
}

.shuffling{
flex: 1;
height: 100%;
overflow: auto;
/* background: skyblue;; */
}  
.Tail{
    height: 0.5rem;;
}

</style>
